<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Earth API Sample</title>
    <script src="//www.google.com/jsapi?key=ABQIAAAAuPsJpk3MBtDpJ4G8cqBnjRRaGTYH6UMl8mADNa0YKuWNNa8VNxQCzVBXTx2DYyXGsTOxpWhvIG7Djw" type="text/javascript"></script>
    <script type="text/javascript">
    {{ INSERT_JAVASCRIPT_HERE }}
    </script>
  </head>
  <body onload="init()" style="font-family: arial, sans-serif; font-size: 13px; border: 0;">
    <div style="position: absolute; left: 520px; top: 0; width: 300px; height: 300px;">
      <span style="color: #00f">Bounding Box via getViewportGlobeBounds()</span><br/>
      <span style="color: #f00">Bounding Box via hitTest()<br/>
      &nbsp;&nbsp;&nbsp;<small>Note: if either of the four plugin corners return a null hitTest, the red polygon won't appear.</small></span><br/>
      <div id="map" style="width: 250px; height: 250px;"></div>
    </div>

    <div id="map3d" style="width: 500px; height: 380px;"></div>
    <br>
    <div>Installed Plugin Version: <span id="installed-plugin-version" style="font-weight: bold;">Loading...</span></div>
  </body>
</html>
